<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" :inline="true">
      <el-form-item label="学生贷款标签" prop="creditLabel">
        <el-input
          v-model="queryParams.creditLabel"
          placeholder="请输入学生贷款标签"
          clearable
          size="small"
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="primary"
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
          v-hasPermi="['student:mycredit:add']"
        >新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          v-hasPermi="['student:mycredit:export']"
        >导出</el-button>
      </el-col>
    </el-row>

    <el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">
      <el-table-column width="120" label="年度" align="center" prop="duringYear" fixed="left" />
      <el-table-column label="借款人信息(学生)" align="center" >
        <el-table-column width="120" label="QQ" align="center" prop="qq" />
        <el-table-column width="180" label="学生身份证" align="center" prop="cardIdentity" />
        <el-table-column width="120" label="户口性质" align="center" prop="residence" />
        <el-table-column width="120" label="毕业中学" align="center" prop="medium" :show-overflow-tooltip="true" />
        <el-table-column width="120" label="户籍" align="center" prop="household" :show-overflow-tooltip="true" />
        <el-table-column width="120" label="申贷原因" align="center" prop="applyReason" :show-overflow-tooltip="true" />
        <el-table-column width="180" label="学生身份证有效起始日期" align="center" prop="studentEffectiveCardIdentity">
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.studentEffectiveCardIdentity) }}</span>
          </template>
        </el-table-column>
        <el-table-column width="180" label="学生身份证有效结束日期" align="center" prop="studentInvalidCardIdentity" >
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.studentInvalidCardIdentity) }}</span>
          </template>
        </el-table-column>
      </el-table-column>
      <el-table-column width="120" label="共同借款人" align="center" :show-overflow-tooltip="true" >
        <el-table-column width="120" label="共同借款人姓名" align="center" prop="guarantor" :show-overflow-tooltip="true" />
        <el-table-column width="180" label="共同借款人联系电话" align="center" prop="guaPhone" :show-overflow-tooltip="true" />
        <el-table-column width="120" label="关系" align="center" prop="relation" :show-overflow-tooltip="true" />
        <el-table-column width="180" label="共同借款人身份证号" align="center" prop="guaCardIdentity" :show-overflow-tooltip="true" />
        <el-table-column width="120" label="健康状态" align="center" prop="heath" :show-overflow-tooltip="true" />
      </el-table-column>
      <el-table-column width="240" label="资助中心" align="center" >
        <template slot-scope="scope">
          <span>{{ scope.row.supportCenterProvince }} {{ scope.row.supportCenterCity }} {{ scope.row.supportCenterArea }}</span>
        </template>
      </el-table-column>
      <el-table-column width="240" label="入学前户籍所在地" align="center" >
        <template slot-scope="scope">
          <span>{{ scope.row.householdOfProvince }} {{ scope.row.householdOfCity }} {{ scope.row.householdOfArea }} {{ scope.row.householdOfCounty }} {{ scope.row.householdOfDetail }}</span>
        </template>
      </el-table-column>
      <el-table-column label="家庭住址" align="center" :show-overflow-tooltip="true" >
        <el-table-column width="240" label="家庭住址所在地" align="center" >
          <template slot-scope="scope">
            <span>{{ scope.row.homeOfProvince }} {{ scope.row.homeOfCity }} {{ scope.row.homeOfArea }} {{ scope.row.homeOfCounty }} {{ scope.row.homeOfDetail }}</span>
          </template>
        </el-table-column>
        <el-table-column width="140" label="是否与户籍地址一致" align="center" prop="isTheSameAsHousehold" :show-overflow-tooltip="true" >
          <template slot-scope="scope">
            <span>{{ scope.row.isTheSameAsHousehold === 'true' ? '是' : '否'  }}</span>
          </template>
        </el-table-column>
        <el-table-column width="140" label="家庭住址邮政编码" align="center" prop="homeOfPostcode" :show-overflow-tooltip="true" />
        <el-table-column width="120" label="家庭电话" align="center" prop="homeOfPhone" :show-overflow-tooltip="true" />
      </el-table-column>
      <el-table-column label="就学信息" align="center" :show-overflow-tooltip="true" >
        <el-table-column label="高校名称" align="center" prop="collegeOfName" :show-overflow-tooltip="true" />
        <el-table-column width="160" label="院系名称" align="center" prop="collegeOfInstitute" :show-overflow-tooltip="true" />
        <el-table-column label="专业名称" align="center" prop="collegeOfMajor" :show-overflow-tooltip="true" />
        <el-table-column label="入学时间" align="center" prop="collegeWithStart" width="180">
          <template slot-scope="scope">
            <span>{{ parseTime(scope.row.collegeWithStart) }}</span>
          </template>
        </el-table-column>
        <el-table-column label="学历" align="center" prop="collegeOfEducation" :show-overflow-tooltip="true" />
        <el-table-column width="120" label="学生学号" align="center" prop="studentNo" :show-overflow-tooltip="true" />
        <el-table-column label="专业类别" align="center" prop="typeOfMajor" :show-overflow-tooltip="true" />
        <el-table-column label="学制" align="center" prop="collegeOfEducationalSystem" :show-overflow-tooltip="true" />
        <el-table-column label="毕业时间" align="center" prop="collegeWithEnd" width="120" />
      </el-table-column>
      <el-table-column width="120" label="资格审查确认" align="center" :show-overflow-tooltip="true" >
        <el-table-column width="120" label="资格审查单位" align="center" prop="countyUnit" :show-overflow-tooltip="true" />
        <el-table-column width="120" label="是否盖章" align="center" prop="isSeal" :show-overflow-tooltip="true" />
        <el-table-column width="120" label="盖章日期" align="center" prop="sealDate" :show-overflow-tooltip="true" />
        <el-table-column width="120" label="学生签字日期" align="center" prop="signatureDate"/>
      </el-table-column>
      <el-table-column label="就业信息" align="center" :show-overflow-tooltip="true" >
        <el-table-column label="工作单位" align="center" prop="workFeature" :show-overflow-tooltip="true" />
        <el-table-column label="单位性质" align="center" prop="phoneOfUnit" :show-overflow-tooltip="true" />
        <el-table-column label="单位电话" align="center" prop="postCodeOfUnit" :show-overflow-tooltip="true" />
        <el-table-column width="140" label="单位邮政编码" align="center" prop="addressOfUnit" :show-overflow-tooltip="true" />
        <el-table-column label="单位地址" align="center" prop="addressOfUnit" :show-overflow-tooltip="true" />
      </el-table-column>
      <el-table-column label="变更" align="center" prop="changeForReason" :show-overflow-tooltip="true" />
      <el-table-column width="100" label="是否已签章" align="center" prop="isSeal" :show-overflow-tooltip="true" />
      <el-table-column label="双方签订合同状态" fixed="right" width="200" align="center" :show-overflow-tooltip="true" >
        <el-table-column label="借款人" width="100" align="center" prop="firstSignature" :show-overflow-tooltip="true" >
          <template slot-scope="scope">
            <el-tag :type="scope.row.firstSignature ? 'success' : 'danger'" effect="dark">{{ scope.row.firstSignature ? '已签' : '未签' }}</el-tag>
          </template>
        </el-table-column>
        <el-table-column label="县资助中心" width="100" align="center" prop="secondSignature" :show-overflow-tooltip="true" >
          <template slot-scope="scope">
            <el-tag :type="scope.row.secondSignature ? 'success' : 'danger'" effect="dark">{{ scope.row.secondSignature ? '已签' : '未签' }}</el-tag>
          </template>
        </el-table-column>
      </el-table-column>
      <el-table-column label="操作" align="center" fixed="right" width="180" class-name="small-padding fixed-width">
        <template slot-scope="scope">
          <el-button
            v-if="!scope.row.secondSignature"
            size="small"
            type="warning"
            icon="el-icon-edit"
            @click="openVn(scope.row)"
            v-hasPermi="['student:mycredit:edit']"
          >等待县资助中心签订合同</el-button>
          <el-button
            v-if="scope.row.secondSignature"
            size="small"
            :disabled="scope.row.firstSignature ? true : scope.row.secondSignature ? false : true"
            :type="scope.row.firstSignature ? 'success' : scope.row.secondSignature ? 'danger' : 'warning'"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['student:mycredit:edit']"
          >{{ scope.row.firstSignature ? '你的合同正审批中' : '请借款人签订合同' }}</el-button>
        </template>
      </el-table-column>
    </el-table>

    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

    <!-- 学生签订合同 -->
    <el-card v-show="open === true" style="margin-top: 40px" class="box-card">
      <div slot="header" class="clearfix">
        <span>合同签订</span>
        <el-button style="float: right; padding: 3px 0" type="text">请认真完善合同信息</el-button>
      </div>

        <div style="font-size: 32px; margin-top: 26px; margin-left: 360px; float: left; width: 1020px">大学生助学贷款合同</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">借款人(甲方)：<input v-model="$store.state.user.name"/></div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">住所：<input v-model="contract.firstAddress"/>　邮政编码：<input v-model="contract.firstPostCode"/></div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">身份证号码：<input v-model="contract.firstIdentity"/></div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">传真：<input v-model="contract.secondEmail"/>　电话：<input v-model="contract.secondPhone"/></div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">贷款人(乙方)：<input v-model="contract.secondName"/></div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">住所：<input v-model="contract.secondAddress"/>　邮政编码：<input v-model="contract.secondPostCode"/></div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">借款人(以下简称甲方)：<input v-model="$store.state.user.name"/></div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">贷款人(以下简称乙方)：<input v-model="contract.secondAgentMan"/></div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">甲方向乙方申请一般商业性助学贷款，乙方同意提供一般商业性助学贷款。根据有关法律法规和规章，甲乙双方经协商一致，订立本</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">合同，以便共同遵守执行。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">借款人(以下简称甲方)：<input v-model="$store.state.user.name"/></div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">贷款人(以下简称乙方)：<input v-model="contract.secondAgentMan"/></div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">甲方向乙方申请贷款，乙方同意发放贷款。根据有关法律法规和规章，甲乙双方经协商一致，订立本合同，以便共同遵守执行。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第一条　借款金额</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">甲方向乙方借款人民币(大写)<input style="width: 100px" v-model="contract.firstBorrowMoney"/>元</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第二条　借款用途</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">本借款是乙方向正在接受非义务教育的学生(简称“受教育人”)的直系亲属或法定监护人(甲方)发放的，用于支付受教育人学杂费、生</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">活费以及其他与学习有关的费用的商业性借款。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第三条　借款期限</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">本合同约定借款期限为<input style="width: 80px" v-model="contract.borrowLimitYear"/>，即从<input style="width: 80px" v-model="contract.startYear"/>年<input style="width: 80px" v-model="contract.startMonth"/>月<input style="width: 80px" v-model="contract.startDay"/>日至<input style="width: 80px" v-model="contract.toYear"/>年<input style="width: 80px" v-model="contract.toMonth"/>月<input style="width: 80px" v-model="contract.toDay"/>日。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第四条　借款利率</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">一、本合同项下借款月利率为<input style="width: 120px" v-model="contract.monthRate"/>。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">二、借款利息自借款转存到本合同第五条第二款约定账户之日起计算。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">三、利率的调整按照中国人民银行的有关规定执行。本合同履行期间如遇中国人民银行修改有关规定，并适用于本合同项下借款</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">时，乙方在恰当的场所公告，无需通知甲方，即可按中国人民银行修改后的有关规定执行。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第五条　借款的发放与支用</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">一、发放借款的前提条件</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">除乙方全部或部分放弃外，只有满足下列前提条件，乙方才有义务向甲方发放借款：</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(一)本合同附有担保的，符合乙方要求的担保合同已生效并持续保持有效;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(二)没有发生本合同第十条所列的违约事项;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(三)《一般商业性助学贷款申请表》经乙方审核同意;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(四)双方约定的其他发放借款的前提条件：<input v-model="contract.condition"/>。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">二、借款的发放</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">借款一次性发放。由乙方按甲方指定直接划入甲方在乙方指定银行所开立的活期储蓄存折账户或龙卡账户中，该账户户名</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">为<input style="width: 120px" v-model="contract.accountName"/>，账号为<input style="width: 120px" v-model="contract.accountNo"/>。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第六条　还款</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">一、还款原则</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">本合同项下甲方的任何还款，均按先还息后还本的原则偿还。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">二、还款计划</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(一)借款期限在<input style="width: 100px" v-model="contract.borrowInYear"/>年以内(含1年)，的实行到期一次还本付息，利随本清;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(二)借款期限在<input style="width: 100px" v-model="contract.borrowInYear"/>年以上的(不含年)，采取按月付息，分次任意还本的方式归还借款。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">结息日固定为每月第<input style="width: 100px" v-model="contract.countDay"/>日，当月利息当月清偿。本金可按照借款人意愿在借款期限内随时偿还，不限次数和每次还款金额。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">首次付息日为借款发放后的第一个结息日，按照实际天数计算利息;最后一次结息日不能迟于该笔借款到期日，按照实际天数计</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">算利息，日利率=月利率/30如甲方不能按期付息，则自次日起计收复利。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">三、还款方式</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(一) 还息方式</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">甲方有权采取以下一种方式还息</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">1.甲方到乙方指定银行营业网点或通过乙方指定银行的电话银行、网上银行等自动服务工具主动还息。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">2.甲方在本合同约定的结息日前在约定的还款帐户中备足相应款项，乙方有权在结息日从约定的还款帐户扣收甲方当期应偿还</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">的利息。双方约定的还款帐户：户名为<input style="width: 120px" v-model="contract.accountName"/>，帐号为<input style="width: 120px" v-model="contract.accountNo"/>。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">若约定的还款帐户被查封、冻结、挂失、甲方应当及时填写《贷款变更委托扣款帐号申请书》，提供新的还款帐户。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(二) 还本方式</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">甲方应按期到乙方指定银行营业网点或通过乙方指定银行的电话银行、网上银行等自动服务工具主动还本。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">四、提前还款</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">借款期限在<input style="width: 80px" v-model="contract.borrowYear"/>年以内(含<input style="width: 80px" v-model="contract.borrowInYear"/>年)的借款，甲方提前还款时，应提前<input style="width: 80px" v-model="contract.preDay"/>天向乙方提出书面申请，征得乙方同意并办理相关手续。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">甲方提前还款的，原定的借款利率不做调整，甲方应按照原定的借款利率和实际用款期间计付利息。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">五、借款不可以展期。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第七条　甲方的权利和义务</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">一、甲方有权要求乙方对甲方提供的有关个人还款能力、信誉、家庭经济情况的资料予以保密，但双方另有约定或法律、行政法规另</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">有规定的除外;二、甲方必须按照乙方的要求提供有关个人身份、还款能力、信誉、家庭经济情况等资料，并保证所提供的资料、情况</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">的真实性、完整性和有效性;三、甲方应按照合同约定使用借款，不得挪用;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">四、甲方应按双方约定方式、期限归还借款本息;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">五、本合同有效期间，甲方如要为他人债务提供担保，可能影响其债务清偿能力的，应当提前书面通知乙方并征得乙方同意;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">六、债务清偿前，甲方有下列情形之一的，应当在<input style="width: 100px" v-model="contract.mustDay"/>日内通知乙方：</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(一)甲方通讯方式发生变化，可能影响合同履行的;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(二)甲方个人资料及家庭经济状况发生变化，可能影响甲方借款清偿能力的。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">七、债务清偿前，受教育人有退学、休学、受到刑事处罚或被学校开除等情形时，甲方应当在<input style="width: 100px" v-model="contract.preDay"/>日内通知乙方;如乙方要求提前</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">偿还借款本息，甲方应当立即偿还。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">八、甲方应当承担与本合同及本合同项下担保有关 费用。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第八条　乙方的权利和义务</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">一、乙方的权利</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(一)有权核实、了解有关甲方身份、还款能力、信誉、家庭经济情况等资料，有权对甲方有关资料及用款情况进行定期监督检查;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(二)甲方未按期足额偿还其在本合同项下任何应付款项的，甲方同意乙方有权直接从甲方在 开立的账户中予以划收，乙方 及时将扣</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">划情况通知甲方。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">二、乙方的义务</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(一)按照本合同的约定发放借款，但因甲方造成迟延的除外;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(二)对甲方提供的有关个人还款能力和信誉的资料予以保密，但双方另有约定或法律、行政法规另有规定的除外。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第九条　预期违约</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">当发生下列情形之一时，视为甲方以自己的行为表明将不履行合同的按期还款义务，乙方有权要求甲方提供符合乙方要求的新的</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">担保，有权提前收回已发放借款本息，有权解除借款合同：</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(一)债务清偿前个人资料及家庭经济状况发生变化，可能影响借款清偿能力的，甲方未在<input style="width: 100px" v-model="contract.expireDay"/>日内通知乙方;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(二)转移个人资产，以逃避债务;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(三)有确切证据表明甲方卷入或即将卷入重大的诉讼或仲裁程序及其他法律纠纷，可能影响乙方信贷资产安全的;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(四)有确切证据表明足以影响债务清偿能力的其他情形发生;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(五)甲方未履行其对 的其他到期债务。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第十条　违约责任</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">一、甲方的违约责任</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(一) 因本合同而发生的债务清偿前，甲方违反本合同第七条、第九条中约定义务，即构成甲方的违约。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(二) 保证人发生下列情况之一，甲方未能提供符合乙方要求的新的担保，即构成甲方违约：</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">1.有确切证据表明保证人向第三方提供超出其自身负担能力的担保的;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">2.有确切证据表明保证人卷入或即将卷入重大的诉讼或仲裁程序及其他法律纠纷，足以影响乙方债权实现的;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">3.保证人丧失或可能丧失担保能力的。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(三)抵押人发生下列情况之一，甲方未能提供符合乙方要求的新的担保，既构成甲方违约：</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">1.抵押人未按合同约定办理抵押物财产保险的，或发生保险事故后，未按抵押合同约定处理保险赔偿金的;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">2.因第三人的行为导致抵押物毁损、灭失、价值减少、抵押人未按抵押合同约定处理损害赔偿金的;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">3.未提前七个工作日，书面通知乙方，抵押人将房屋出租的;未经乙方书面同意，抵押人赠与、转让、重复抵押、改变用途或以其他</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">方式处分抵押物的，法律法规有相反规定的，未提前七个工作日将具体事项通知我行;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">4.抵押人经乙方同意或依法律法规规定提前七个工作日将具体事项通知我行后处分抵押物，但处分抵押物所得价款未按抵押合同约定</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">进行处理的;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">5.抵押物毁损、灭失、价值减少、足以影响本合同项下的借款本息的清偿，抵押人有过错时未及时恢复抵押物价值，或未提供乙方认</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">可的其他担保措施的。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(四)质权存续期间，出质人经乙方同意处分质押财产，但处分质押财产所得价款未按质押合同约定进行处理的，乙方有权要求甲方提</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">供新的担保;如甲方未能提供符合乙方要求的新的担保，即构成甲方违约。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(五)担保合同未生效、无效、被撤消，或担保人出现部分或全部丧失担保能力的其他情形或者拒绝承担担保义务时，甲方未按乙方要</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">求落实担保措施的，即构成甲方违约。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(六)违约救济措施</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">出现上述(一)至(五)项违约情形之一的，乙方有权行使下述一项或几项权利：</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">1.限期纠正违约行为。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">2.对于本合同项下的借款，乙方有权宣布借款立即到期，要求甲方立即归还有关借款本息、费用;</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">3.本合同项下的借款逾期后，对甲方未按时还清的债务本金和利息(包括被乙方宣布全部或部分提前到期的债务本金和利息)，按人民</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">银行规定的逾期利率和本合同约定的结息方式计收利息和复利。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">4.乙方有权主动从甲方在 开立的账户上扣划任何币种款项，偿还贷款本息，乙方 及时将扣划情况通知甲方。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">5.乙方有权行使担保权利。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">6.乙方有权要求甲方重新提供乙方认可的担保(包括抵押、质押及保证等);</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">7.有权解除合同。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">二、乙方的违约责任</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">由于乙方的过错导致甲方无法支用借款的，乙方应按日息万分之四向甲方支付违约金。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第十一条　合同的变更和终止</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">本合同生效后，任何一方需修改本合同条款时，应及时通知另一方，并经双方协商一致，达成书面协议。双方另有约定的除外。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">双方约定终止本合同或因甲方违约导致乙方中止或解除本合同时，本合同之相关约定仍适用于本合同项下任何尚未归还的借款。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第十二条　其他约定事项 <input style="width: 120px" v-model="contract.otherCondition"/></div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第十三条　合同争议解决方式</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">本合同在履行过程中发生争议，可以通过协商解决，协商不成，</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">一、向乙方所在地人民法院起诉。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">二、向双方商定的<input style="width: 120px" v-model="contract.lawName"/>法院起诉。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">三、提交<input style="width: 120px" v-model="contract.commissionName"/>仲裁委员会(仲裁地点为<input style="width: 120px" v-model="contract.commissionAddress"/>)，按照申请仲裁时该会现行有效的仲裁规则进行</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">仲裁。仲裁裁决是终局的，对双方均有约束力。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">诉讼期间本合同不涉及争议部分的条款仍须履行。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第十四条　合同的生效</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">本合同经甲方签字、乙方负责人或授权代理人签字并加盖公章后生效。</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第十五条　合同文本</div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">本合同正本一式<input style="width: 100px" v-model="contract.concatNum"/>份。</div>
        <div style="margin-left: 60px; margin-top: 60px; width: 1020px; float: left"><div style="float: left" @click="innerVisible = true" >甲方(签字)：<input /></div><img @click="innerVisible = true" v-if="form.firstSignature" :src="'data:image/gif;base64,' + firstSignaturePath" style="width: 240px; height: 80px; float: left; margin-left: -240px; margin-top: -40px"/></div>
        <div style="margin-left: 60px; margin-top: 60px; width: 1020px; float: left"><div style="float: left" >乙方(签字)：<input /></div><img v-if="form.secondSignature" :src="'data:image/gif;base64,' + secondSignaturePath" style="width: 240px; height: 80px; float: left; margin-left: -240px; margin-top: -40px"/></div>
        <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left"><input style="width: 100px" v-model="contract.didYear"/>年<input style="width: 100px" v-model="contract.didMonth"/>月<input style="width: 100px" v-model="contract.didDay"/>日</div>
        <el-button @click="submitForm" type="success" style="margin-top: 60px; margin-left: 840px">提交确认</el-button>
    </el-card>

    <el-dialog
      width="80%"
      title="签字"
      :visible.sync="innerVisible"
    >
      <electronicImage :now_creditId="now_creditId" :firstSignaturePath="firstSignaturePath" @ChangeFirstSignaturePath="ChangeFirstSignaturePath"/>
    </el-dialog>

    <el-dialog style="height: 800px" width="1070px" :visible.sync="openDetail" append-to-body>
      <div>
        <div style="height: 6840px; width: 1020px; border-radius: 0px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); margin-left: 4px; margin-top: -24px">
          <div style="font-size: 32px; margin-top: 26px; margin-left: 360px; float: left; width: 1020px">大学生助学贷款合同</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">借款人(甲方)：<input disabled="true" v-model="contract.firstName"/></div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">住所：<input disabled="true" v-model="contract.firstAddress"/>　邮政编码：<input disabled="true" v-model="contract.firstPostCode"/></div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">身份证号码：<input disabled="true" v-model="contract.firstIdentity"/></div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">传真：<input disabled="true" v-model="contract.secondEmail"/>　电话：<input disabled="true" v-model="contract.secondPhone"/></div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">贷款人(乙方)：<input disabled="true" v-model="contract.secondName"/></div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">住所：<input disabled="true" v-model="contract.secondAddress"/>　邮政编码：<input disabled="true" v-model="contract.secondPostCode"/></div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">负责人或授权代理人：<input disabled="true" v-model="contract.secondAgentMan"/></div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">传真：<input disabled="true" v-model="contract.agentEmail"/>　电话：<input disabled="true" v-model="contract.agentPhone"/></div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">借款人(以下简称甲方)：<input disabled="true" v-model="contract.firstName"/></div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">贷款人(以下简称乙方)：<input disabled="true" v-model="contract.secondAgentMan"/></div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">甲方向乙方申请一般商业性助学贷款，乙方同意提供一般商业性助学贷款。根据有关法律法规和规章，甲乙双方经协商一致，订立本</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">合同，以便共同遵守执行。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">借款人(以下简称甲方)：<input disabled="true" v-model="contract.firstName"/></div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">贷款人(以下简称乙方)：<input disabled="true" v-model="contract.secondAgentMan"/></div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">甲方向乙方申请贷款，乙方同意发放贷款。根据有关法律法规和规章，甲乙双方经协商一致，订立本合同，以便共同遵守执行。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第一条　借款金额</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">甲方向乙方借款人民币(大写)<input disabled="true" style="width: 100px" v-model="contract.firstBorrowMoney"/>元</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第二条　借款用途</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">本借款是乙方向正在接受非义务教育的学生(简称“受教育人”)的直系亲属或法定监护人(甲方)发放的，用于支付受教育人学杂费、生</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">活费以及其他与学习有关的费用的商业性借款。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第三条　借款期限</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">本合同约定借款期限为<input disabled="true" style="width: 80px" v-model="contract.borrowLimitYear"/>，即从<input disabled="true" style="width: 80px" v-model="contract.startYear"/>年<input disabled="true" style="width: 80px" v-model="contract.startMonth"/>月<input disabled="true" style="width: 80px" v-model="contract.startDay"/>日至<input disabled="true" style="width: 80px" v-model="contract.toYear"/>年<input disabled="true" style="width: 80px" v-model="contract.toMonth"/>月<input disabled="true" style="width: 80px" v-model="contract.toDay"/>日。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第四条　借款利率</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">一、本合同项下借款月利率为<input disabled="true" style="width: 120px" v-model="contract.monthRate"/>。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">二、借款利息自借款转存到本合同第五条第二款约定账户之日起计算。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">三、利率的调整按照中国人民银行的有关规定执行。本合同履行期间如遇中国人民银行修改有关规定，并适用于本合同项下借款</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">时，乙方在恰当的场所公告，无需通知甲方，即可按中国人民银行修改后的有关规定执行。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第五条　借款的发放与支用</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">一、发放借款的前提条件</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">除乙方全部或部分放弃外，只有满足下列前提条件，乙方才有义务向甲方发放借款：</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(一)本合同附有担保的，符合乙方要求的担保合同已生效并持续保持有效;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(二)没有发生本合同第十条所列的违约事项;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(三)《一般商业性助学贷款申请表》经乙方审核同意;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(四)双方约定的其他发放借款的前提条件：<input disabled="true" v-model="contract.condition"/>。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">二、借款的发放</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">借款一次性发放。由乙方按甲方指定直接划入甲方在乙方指定银行所开立的活期储蓄存折账户或龙卡账户中，该账户户名</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">为<input disabled="true" style="width: 120px" v-model="contract.accountName"/>，账号为<input disabled="true" style="width: 120px" v-model="contract.accountNo"/>。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第六条　还款</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">一、还款原则</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">本合同项下甲方的任何还款，均按先还息后还本的原则偿还。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">二、还款计划</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(一)借款期限在<input disabled="true" style="width: 100px" v-model="contract.borrowInYear"/>年以内(含1年)，的实行到期一次还本付息，利随本清;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(二)借款期限在<input disabled="true" style="width: 100px" v-model="contract.borrowInYear"/>年以上的(不含年)，采取按月付息，分次任意还本的方式归还借款。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">结息日固定为每月第<input disabled="true" style="width: 100px" v-model="contract.countDay"/>日，当月利息当月清偿。本金可按照借款人意愿在借款期限内随时偿还，不限次数和每次还款金额。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">首次付息日为借款发放后的第一个结息日，按照实际天数计算利息;最后一次结息日不能迟于该笔借款到期日，按照实际天数计</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">算利息，日利率=月利率/30如甲方不能按期付息，则自次日起计收复利。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">三、还款方式</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(一) 还息方式</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">甲方有权采取以下一种方式还息</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">1.甲方到乙方指定银行营业网点或通过乙方指定银行的电话银行、网上银行等自动服务工具主动还息。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">2.甲方在本合同约定的结息日前在约定的还款帐户中备足相应款项，乙方有权在结息日从约定的还款帐户扣收甲方当期应偿还</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">的利息。双方约定的还款帐户：户名为<input disabled="true" style="width: 120px" v-model="contract.accountName"/>，帐号为<input disabled="true" style="width: 120px" v-model="contract.accountNo"/>。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">若约定的还款帐户被查封、冻结、挂失、甲方应当及时填写《贷款变更委托扣款帐号申请书》，提供新的还款帐户。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(二) 还本方式</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">甲方应按期到乙方指定银行营业网点或通过乙方指定银行的电话银行、网上银行等自动服务工具主动还本。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">四、提前还款</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">借款期限在<input disabled="true" style="width: 80px" v-model="contract.borrowYear"/>年以内(含<input disabled="true" style="width: 80px" v-model="contract.borrowInYear"/>年)的借款，甲方提前还款时，应提前<input disabled="true" style="width: 80px" v-model="contract.preDay"/>天向乙方提出书面申请，征得乙方同意并办理相关手续。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">甲方提前还款的，原定的借款利率不做调整，甲方应按照原定的借款利率和实际用款期间计付利息。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">五、借款不可以展期。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第七条　甲方的权利和义务</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">一、甲方有权要求乙方对甲方提供的有关个人还款能力、信誉、家庭经济情况的资料予以保密，但双方另有约定或法律、行政法规另</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">有规定的除外;二、甲方必须按照乙方的要求提供有关个人身份、还款能力、信誉、家庭经济情况等资料，并保证所提供的资料、情况</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">的真实性、完整性和有效性;三、甲方应按照合同约定使用借款，不得挪用;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">四、甲方应按双方约定方式、期限归还借款本息;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">五、本合同有效期间，甲方如要为他人债务提供担保，可能影响其债务清偿能力的，应当提前书面通知乙方并征得乙方同意;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">六、债务清偿前，甲方有下列情形之一的，应当在<input disabled="true" style="width: 100px" v-model="contract.mustDay"/>日内通知乙方：</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(一)甲方通讯方式发生变化，可能影响合同履行的;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(二)甲方个人资料及家庭经济状况发生变化，可能影响甲方借款清偿能力的。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">七、债务清偿前，受教育人有退学、休学、受到刑事处罚或被学校开除等情形时，甲方应当在<input disabled="true" style="width: 100px" v-model="contract.preDay"/>日内通知乙方;如乙方要求提前</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">偿还借款本息，甲方应当立即偿还。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">八、甲方应当承担与本合同及本合同项下担保有关 费用。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第八条　乙方的权利和义务</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">一、乙方的权利</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(一)有权核实、了解有关甲方身份、还款能力、信誉、家庭经济情况等资料，有权对甲方有关资料及用款情况进行定期监督检查;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(二)甲方未按期足额偿还其在本合同项下任何应付款项的，甲方同意乙方有权直接从甲方在 开立的账户中予以划收，乙方 及时将扣</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">划情况通知甲方。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">二、乙方的义务</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(一)按照本合同的约定发放借款，但因甲方造成迟延的除外;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(二)对甲方提供的有关个人还款能力和信誉的资料予以保密，但双方另有约定或法律、行政法规另有规定的除外。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第九条　预期违约</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">当发生下列情形之一时，视为甲方以自己的行为表明将不履行合同的按期还款义务，乙方有权要求甲方提供符合乙方要求的新的</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">担保，有权提前收回已发放借款本息，有权解除借款合同：</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(一)债务清偿前个人资料及家庭经济状况发生变化，可能影响借款清偿能力的，甲方未在<input disabled="true" style="width: 100px" v-model="contract.expireDay"/>日内通知乙方;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(二)转移个人资产，以逃避债务;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(三)有确切证据表明甲方卷入或即将卷入重大的诉讼或仲裁程序及其他法律纠纷，可能影响乙方信贷资产安全的;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(四)有确切证据表明足以影响债务清偿能力的其他情形发生;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(五)甲方未履行其对 的其他到期债务。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第十条　违约责任</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">一、甲方的违约责任</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(一) 因本合同而发生的债务清偿前，甲方违反本合同第七条、第九条中约定义务，即构成甲方的违约。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(二) 保证人发生下列情况之一，甲方未能提供符合乙方要求的新的担保，即构成甲方违约：</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">1.有确切证据表明保证人向第三方提供超出其自身负担能力的担保的;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">2.有确切证据表明保证人卷入或即将卷入重大的诉讼或仲裁程序及其他法律纠纷，足以影响乙方债权实现的;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">3.保证人丧失或可能丧失担保能力的。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(三)抵押人发生下列情况之一，甲方未能提供符合乙方要求的新的担保，既构成甲方违约：</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">1.抵押人未按合同约定办理抵押物财产保险的，或发生保险事故后，未按抵押合同约定处理保险赔偿金的;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">2.因第三人的行为导致抵押物毁损、灭失、价值减少、抵押人未按抵押合同约定处理损害赔偿金的;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">3.未提前七个工作日，书面通知乙方，抵押人将房屋出租的;未经乙方书面同意，抵押人赠与、转让、重复抵押、改变用途或以其他</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">方式处分抵押物的，法律法规有相反规定的，未提前七个工作日将具体事项通知我行;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">4.抵押人经乙方同意或依法律法规规定提前七个工作日将具体事项通知我行后处分抵押物，但处分抵押物所得价款未按抵押合同约定</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">进行处理的;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">5.抵押物毁损、灭失、价值减少、足以影响本合同项下的借款本息的清偿，抵押人有过错时未及时恢复抵押物价值，或未提供乙方认</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">可的其他担保措施的。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(四)质权存续期间，出质人经乙方同意处分质押财产，但处分质押财产所得价款未按质押合同约定进行处理的，乙方有权要求甲方提</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">供新的担保;如甲方未能提供符合乙方要求的新的担保，即构成甲方违约。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(五)担保合同未生效、无效、被撤消，或担保人出现部分或全部丧失担保能力的其他情形或者拒绝承担担保义务时，甲方未按乙方要</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">求落实担保措施的，即构成甲方违约。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">(六)违约救济措施</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">出现上述(一)至(五)项违约情形之一的，乙方有权行使下述一项或几项权利：</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">1.限期纠正违约行为。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">2.对于本合同项下的借款，乙方有权宣布借款立即到期，要求甲方立即归还有关借款本息、费用;</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">3.本合同项下的借款逾期后，对甲方未按时还清的债务本金和利息(包括被乙方宣布全部或部分提前到期的债务本金和利息)，按人民</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">银行规定的逾期利率和本合同约定的结息方式计收利息和复利。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">4.乙方有权主动从甲方在 开立的账户上扣划任何币种款项，偿还贷款本息，乙方 及时将扣划情况通知甲方。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">5.乙方有权行使担保权利。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">6.乙方有权要求甲方重新提供乙方认可的担保(包括抵押、质押及保证等);</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">7.有权解除合同。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">二、乙方的违约责任</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">由于乙方的过错导致甲方无法支用借款的，乙方应按日息万分之四向甲方支付违约金。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第十一条　合同的变更和终止</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">本合同生效后，任何一方需修改本合同条款时，应及时通知另一方，并经双方协商一致，达成书面协议。双方另有约定的除外。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">双方约定终止本合同或因甲方违约导致乙方中止或解除本合同时，本合同之相关约定仍适用于本合同项下任何尚未归还的借款。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第十二条　其他约定事项 <input disabled="true" style="width: 120px" v-model="contract.otherCondition"/></div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第十三条　合同争议解决方式</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">本合同在履行过程中发生争议，可以通过协商解决，协商不成，</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">一、向乙方所在地人民法院起诉。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">二、向双方商定的<input disabled="true" style="width: 120px" v-model="contract.lawName"/>法院起诉。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">三、提交<input disabled="true" style="width: 120px" v-model="contract.commissionName"/>仲裁委员会(仲裁地点为<input disabled="true" style="width: 120px" v-model="contract.commissionAddress"/>)，按照申请仲裁时该会现行有效的仲裁规则进行</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">仲裁。仲裁裁决是终局的，对双方均有约束力。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">诉讼期间本合同不涉及争议部分的条款仍须履行。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第十四条　合同的生效</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">本合同经甲方签字、乙方负责人或授权代理人签字并加盖公章后生效。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">第十五条　合同文本</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">本合同正本一式<input disabled="true" style="width: 100px" v-model="contract.concatNum"/>份。</div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">甲方(签字)：<input disabled="true" v-model="form.firstSignature"/></div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">乙方(签字)：<input disabled="true" v-model="form.secondSignature"/></div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">乙方(公章)：<input disabled="true" v-model="contract.secondElectronic"/></div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left">负责人或授权代理人(签字)：<input disabled="true" v-model="contract.agentNameSignature"/></div>
          <div style="margin-left: 60px; margin-top: 30px; width: 1020px; float: left"><input disabled="true" style="width: 100px" v-model="contract.didYear"/>年<input disabled="true" style="width: 100px" v-model="contract.didMonth"/>月<input disabled="true" style="width: 100px" v-model="contract.didDay"/>日</div>
          <el-button type="info" @click="cancel" style="margin-top: 60px; margin-left: 840px">确定</el-button>
        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script>

  import electronicImage from './component/electronicImage'
  import { getData, delData, updateData, exportData } from "@/api/county/credit";
  import { listUser, getUser } from "@/api/system/user";
  import { regionData,CodeToText } from 'element-china-area-data'
  import { getContractDataById } from '../../../api/hsien/contract'
  import { getCredits } from '../../../api/county/credit'

  export default {
    components: {
      electronicImage
    },
    data() {
      return {
        firstSignaturePath: '',
        secondSignaturePath: '',
        now_creditId: '',
        innerVisible: false,
        openDetail: false,
        contract: {
          contractId: undefined,
          firstName: undefined,
          firstAddress: '广西桂林',
          firstPostCode: '547103',
          firstIdentity: '452724199807151615',
          firstEmail: '582532183@qq.com',
          firstPhone: '13617786374',
          secondName: '王志',
          secondAddress: '广西桂林',
          secondPostCode: '432000',
          secondAgentMan: '李焕',
          secondEmail: 'lh@163.com',
          secondPhone: '18116741246',
          agentEmail: 'agent@163.com',
          agentPhone: '13618899906',
          firstBorrowMoney: '6000',
          borrowYear: '2',
          startYear: '2020',
          startMonth: '10',
          startDay: '14',
          toYear: '2024',
          toMonth: '10',
          toDay: '14',
          monthRate: '60%',
          hasCondition: '无',
          accountName: 'tlg1768llssjdz',
          accountNo: '123456',
          inYear: '2',
          upYear: '3',
          excludeYear: '2',
          countDay: '4',
          borrowLimitYear: '2',
          borrowInYear: '2',
          preDay: '4',
          mustDay: '4',
          expireDay: '4',
          otherCondition: '无',
          lawName: '银行财政',
          commissionName: '贷款金融',
          commissionAddress: '广西南宁',
          concatNum: '2',
          firstSignature: undefined,
          secondSignature: undefined,
          secondElectronic: undefined,
          agentNameSignature: undefined,
          didYear: '2020',
          didMonth: '10',
          didDay: '14',
          condition: '无',
        },
        pdfPath: '',
        options: regionData,
        selectedOptions: [],
        collegeOfEducationArray: [
          '小学',
          '中学',
          '高中',
          '大专',
          '本科',
          '研究生',
          '硕士',
          '博士',
        ],
        collegeOfEducationalSystemArray: [
          '三年',
          '四年',
          '五年',
        ],
        typeOfMajorArray: [
          '哲学',
          '经济学',
          '法学',
          '教育学',
          '文学',
          '历史学',
          '理学',
          '工学',
          '农学',
          '医学',
          '军事学',
          '管理学',
          '艺术学',
        ],
        residenceArray: [
          "城镇户口",
          "农业户口",
        ],
        // 遮罩层
        loading: true,
        // 选中数组
        ids: [],
        // 非单个禁用
        single: true,
        // 非多个禁用
        multiple: true,
        // 总条数
        total: 0,
        // 学生贷款表格数据
        dataList: [],
        // 弹出层标题
        title: "",
        // 是否显示弹出层
        open: false,
        // 状态数据学生贷款
        // 查询参数
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          creditName: undefined,
          userName: undefined,
          status: undefined
        },
        // 表单参数
        form: {},
        // 表单校验
        rules: {
        },
      };
    },
    created() {
      const userId = this.$route.params && this.$route.params.userId;
      this.getUser(userId);
      this.getUserList();
    },
    methods: {
      handleChangeSupportCenter (value) {
        let data = CodeToText[value[0]]+", "+ CodeToText[value[1]]+", "+ CodeToText[value[2]];
        this.form.supportCenterProvince = CodeToText[value[0]]
        this.form.supportCenterCity = CodeToText[value[1]]
        this.form.supportCenterArea = CodeToText[value[2]]
        console.log(data)
      },
      handleChangeHousehold (value) {
        let data = CodeToText[value[0]]+", "+ CodeToText[value[1]]+", "+ CodeToText[value[2]];
        this.form.householdOfProvince = CodeToText[value[0]]
        this.form.householdOfCity = CodeToText[value[1]]
        this.form.householdOfArea = CodeToText[value[2]]
        console.log(data)
      },
      handleChangeHome (value) {
        let data = CodeToText[value[0]]+", "+ CodeToText[value[1]]+", "+ CodeToText[value[2]];
        this.form.homeOfProvince = CodeToText[value[0]]
        this.form.homeOfCity = CodeToText[value[1]]
        this.form.homeOfArea = CodeToText[value[2]]
        console.log(data)
      },
      /** 查询学生贷款类型详细 */
      getUser(userId) {
        getUser(userId).then(response => {
          this.getList();
        });
      },
      /** 查询学生贷款类型列表 */
      getUserList() {
        listUser().then(response => {
        });
      },
      /** 查询学生贷款数据列表 */
      getList() {
        this.loading = true;
          getCredits(this.$store.state.user.name).then(response => {
            console.log(response)
            this.dataList = response.data
            this.total = response.data.length
            this.loading = false;
          });
      },
      // 取消按钮
      cancel() {
        this.open = false;
        this.openDetail = false;
        this.reset();
      },
      // 表单重置
      reset() {
        this.form = {
          creditId: undefined,
          duringYear: undefined,
          qq: undefined,
          birth: undefined,
          cardIdentity: undefined,
          residence: undefined,
          medium: undefined, household: undefined,
          email: undefined, address: undefined, postcode: undefined,
          guarantor: undefined, guaPhone: undefined, relation: undefined,
          guaCardIdentity: undefined, heath: undefined,
          applyReason: undefined, signatureDate: undefined, countryUnit: undefined,
          isSeal: undefined, sealDate: undefined, studentEffectiveCardIdentity: undefined,
          studentInvalidCardIdentity: undefined, supportCenterProvince: undefined,
          supportCenterCity: undefined, supportCenterArea: undefined,
          householdOfProvince: undefined, householdOfCity: undefined,
          householdOfArea: undefined, householdOfCounty: undefined,
          householdOfDetail: undefined, homeOfProvince: undefined,
          homeOfCity: undefined, homeOfArea: undefined, homeOfCounty: undefined,
          homeOfDetail: undefined, isTheSameAsHousehold: undefined,
          homeOfPostcode: undefined, homeOfPhone: undefined, concatOfName: undefined,
          concatWorkUnit: undefined, concatOfPhone: undefined, concatOfCardIdentity: undefined,
          collegeOfName: undefined, collegeOfInstitute: undefined,
          collegeOfMajor: undefined, collegeOfEducation: undefined,
          collegeWithStart: undefined, studentNo: undefined, typeOfMajor: undefined,
          collegeOfEducationalSystem: undefined,
          collegeWithEnd: undefined, workUnit: undefined, workFeature: undefined,
          phoneOfUnit: undefined, postcodeOfUnit: undefined, addressOfUnit: undefined,
          changeForReason: undefined, isContractSign: undefined, firstSignature: undefined, secondSignature: undefined
        };
        this.resetForm("form");
      },
      /** 搜索按钮操作 */
      handleQuery() {
        this.queryParams.pageNum = 1;
        this.getList();
      },
      /** 重置按钮操作 */
      resetQuery() {
        this.resetForm("queryForm");
        this.handleQuery();
      },
      /** 新增按钮操作 */
      handleAdd() {
        this.reset();
        this.open = true;
        this.title = "添加学生贷款数据";
      },
      // 多选框选中数据
      handleSelectionChange(selection) {
        this.ids = selection.map(item => item.creditId)
        this.single = selection.length!=1
        this.multiple = !selection.length
      },
      /** 修改按钮操作 */
      handleUpdate(row) {
        this.reset();
        this.open = true
        this.now_creditId = row.creditId
        this.secondSignaturePath = row.secondSignature
        const creditId = row.creditId || this.ids
        getData(creditId).then(response => {
          this.form = response.data;
          console.log(this.form.contractId)
          // 地址
          this.contract.firstAddress = response.data.homeOfProvince + response.data.homeOfCity + response.data.homeOfArea
          this.open = true;
          getContractDataById(this.form.contractId).then(res => {
            console.log('根据对应的credit记录中的contractId获取合同信息:')
            console.log(res)
          })
        });
      },
      openVn(row) {
        this.reset();
        const creditId = row.creditId || this.ids
        getData(creditId).then(response => {
          console.log(response)
          const h = this.$createElement;
          this.$message({
            message: h('p', null, [
              h('span', null, '抱歉,您本 ' + response.data.duringYear + ' 年度的贷款申请未经过县资助中心签订合同,请耐心等待哦!'),
              h('i', { style: 'color: teal' }, response.data.userName)
            ])
          }, 3000);
        });
      },
      /** 提交按钮 */
      submitForm: function() {
        this.getList()
        this.msgSuccess('数据刷新同步成功!')
      },
      /** 删除按钮操作 */
      handleDelete(row) {
        const creditIds = row.creditId || this.ids;
        this.$confirm('是否确认删除学生贷款编码为"' + creditIds + '"的数据项?', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function() {
          return delData(creditIds);
        }).then(() => {
          this.getList();
          this.msgSuccess("删除成功");
        }).catch(function() {});
      },
      /** 导出按钮操作 */
      handleExport() {
        const queryParams = this.queryParams;
        this.$confirm('是否确认导出所有数据项?', "警告", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(function() {
          return exportData(queryParams);
        }).then(response => {
          this.download(response.msg);
        }).catch(function() {});
      },
      handlePictureCardPreview(file) {
        this.dialogImageUrl = file.url;
        this.dialogVisible = true;
      },
      handleDownload(file) {
        console.log(file);
      },
      handleSuccess(response, file, fileList) {
        this.$notify({
          title: '身份证照上传成功',
          type: 'success',
          duration: 2500
        })
      },
      // 监听上传失败
      handleError(e, file, fileList) {
        const msg = JSON.parse(e.message)
        this.$notify({
          title: msg.message,
          type: 'error',
          duration: 2500
        })
      },
      handleRemove(file, fileList) {
        console.log(file, fileList);
      },
      // 子组件修改了值，父组件更新
      ChangeFirstSignaturePath(firstSignaturePath) {
        this.firstSignaturePath = firstSignaturePath
        console.log('父组件中: ')
       // console.log(this.firstSignaturePath)
        // 父组件接收到值后更新当前显示的form表单内容
        getData(this.now_creditId).then(response => {
          this.form = response.data;
          console.log(this.form)
          })
      }
    },
  };
</script>

<style>

  input {
    width: 220px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    outline:none;
  }
</style>
